import React from 'react'

export default function Fl3(props) {
    return (
        <div>
          <div className='flbannerbox'>
            <img src={props.state.banner[0].image} alt="" className='flbanner' />
          </div>
          <div>
            <ul>
              {
                props.state.second.map((item,index)=>{
                  return <li className='flli' key={index}>
                    <div className='fl'>
                      <h5>{item.classifyName}</h5>
                      {
                        item.third.map( (ass,index) => {
                          return <div className='xbox' key={index}>
                            <div className='images'>
                              <img src={ass.image} alt="" />
                            <p className='fltext'>{ass.classifyName}</p>
                            </div>
                            
                          </div>
                        })
                      }
                    </div>
                  </li>
                })
              }
            </ul>
          </div>
        </div>
      )
}
